﻿<%@ Page Title="" Language="C#" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="OpenWaves.Web.Tests.Default" %>

<%@ Register TagPrefix="controls" Namespace="OpenWaves.Web.Tests" Assembly="OpenWaves.Web.Tests" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>OpenWaves Showcase</title>
    <link rel="stylesheet" href="http://static.jquery.com/ui/css/base2.css" type="text/css"
        media="all" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css"
        type="text/css" media="all" />
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">
    <link href="google-code-prettify/prettify.css" type="text/css" rel="stylesheet" />
    <link href="Styles/styles.css" type="text/css" rel="stylesheet" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="Scripts/jquery.history.js"></script>
    <script type="text/javascript" src="google-code-prettify/prettify.js"></script> 
    <script type="text/javascript" src="Scripts/testCaseHandler.js"></script>

</head>
<body>
    <form id="HtmlForm" runat="server">
    <div style="width: 100%;">
        <div class="left-menu ui-tabs ui-widget ui-widget-content ui-corner-all">
            <h2 class="ui-widget-header">List of OpenWaves Live-Demos</h2>
            <controls:ShowcaseItemRepeater runat="server" ID="components">
                <HeaderTemplate><ul id="testCases"></HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <a href="<%# string.Format("#{0}", Container.Item.Identifier) %>">
                            <%# Container.Item.Title %>
                        </a>
                        <input type="hidden" class="example" value="<%# HttpUtility.UrlEncode(Container.Item.ExampleUrl) %>"/>
                        <input type="hidden" class="markup" value="<%# HttpUtility.HtmlEncode(Container.Item.Markup) %>"/>
                        <input type="hidden" class="codeBehind" value="<%# HttpUtility.HtmlEncode(Container.Item.CodeBehind) %>"/>
                    </li>
                </ItemTemplate>
                <FooterTemplate></ul></FooterTemplate>
            </controls:ShowcaseItemRepeater>
        </div>
        <div id="tabs" class="content">
            <ul>
                <li><a href="#tabs-1">Example</a></li>
                <li><a href="#tabs-2">Markup</a></li>
                <li><a href="#tabs-3">Code behind</a></li>
            </ul>
            <div id="tabs-1">
                <iframe style="border: 0;" id="example" width="100%" height="800px"></iframe>
            </div>
            <div id="tabs-2">
                <pre class="prettyprint" id="markup"></pre>
            </div>
            <div id="tabs-3">
                <pre class="prettyprint" id="codeBehind"></pre>
            </div>
        </div>
        <div style="display: none;" class="demo-description">
            <p>
                Click tabs to swap between content that is broken into logical sections.</p>
        </div>
    </div>
    </form>
</body>
</html>
